<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模块的基本使用</title>
</head>
<body>
    
</body>
<script type="module">
    /*
        模块化最终要实现的其实就是希望额能够做到一个功能一个js文件的形式
    */
    import {name,age,show} from './test1.js'
    console.log(name)  //jimmy
    console.log(age)  //22
    show()   // 模块化里面的输出

    /*
        在html文件里面使用模块化需要注意的细节如下
            1. 因为script标签历史已经是比较悠久  所以直接写script标签的时候是不能够完成模块化的操作的  我们需要给script标签添加上type属性为module 表示开启模块化
        
            2. 要引用要使用 import 关键字引入 并且要标明引用的地址 来自哪里   import {name,age,show} from './test1.js'

            3. 允许让外部访问的模块信息通过 export 暴露给外部访问
    */
</script>
</html>